<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>会员中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="css/center.css" />
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>

    <link rel="stylesheet" href="/js/plugins/dialog/dialog.css"/>
    <script src="js/rem.js"></script>
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/plugins/jrender/jrender.js"></script>
    <script src="/js/plugins/dialog/dialog.min.js"></script>
    <script src="/js/common.js"></script>

    <script type="text/javascript">
        sessionStorage.url = "confirm";
            $(function () {
                $(".loading").addClass("loader-chanage")
                $(".loading").fadeOut(300)
                var user = JSON.parse(sessionStorage.getItem("user"));
                //我拿到的是用户的id,也就是用户积分表的id
                var id = user.id;
                //查出对应id的用户积分表,连表查回用户信息
                $.get("/integral/"+id,function (data) {
                    console.log(data);
                    $(".travels").renderValues(data);
                });



            });

    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body style="background-color: #f0f0f0">
    <header id="header" style="">
        <div class="topbar">
            <a href="javascript:history.back();" class="back_btn"><i class="iconfont">ş</i></a>
            <h1 class="page_title">会员中心</h1>

        </div>
    </header>
<!-- 会员头像 -->
    <div class="vip-header">
        <a href="">
            <dl class="travels">
                <dt>
                    <img render-src="userHeadImg" />
                </dt>
                <dd>
                    <h4 render-html="userName"><span>普通会员</span></h4>
                    <p><span>积分：<i render-html="integral"></i></span>&nbsp;&nbsp;<span>红包：<i>0</i></span></p>
                </dd>
            </dl>
        </a>
        <ul>
            <li><a href=""><span>1</span><p>待付款</p> </a></li>
            <li><a href=""><span>0</span><p>待收货</p> </a></li>
            <li><a href=""><span>0</span><p>待评价</p> </a></li>
        </ul>
    </div>
<!-- 会员俱乐部 -->
    <div class="vip-club border_top_bottom">
        <div class="vip-club-title border_bottom">
            <span><i class="iconfont"></i>会员俱乐部</span>
            <a href="">每日签到领积分<i class="iconfont"></i></a>
        </div>
        <ul>
            <li><a href="/shop/indent.html"><i class="iconfont"></i><p>我的订单</p> </a></li>
            <li><a href=""><i class="iconfont"></i><p>我的秒杀</p> </a></li>
            <li><a href=""><i class="iconfont" style="font-size: 28px;"></i><p>我的众筹</p> </a></li>
            <li><a href=""><i class="iconfont"></i><p>我的预约</p> </a></li>
        </ul>
    </div>
    <div class="vip-club border_top_bottom vip-account">
        <div class="vip-club-title border_bottom">
            <span><i class="iconfont"></i>我的账户</span>
            <a href="./index.html">积分兑换商品<i class="iconfont"></i></a>
        </div>
        <ul>
            <li><a href=""><i class="color_f44623">0</i><p>账户余额</p> </a></li>
            <li><a href=""><i class="color_f4a425">30</i><p>我的积分</p> </a></li>
            <li><a href=""><i class="color_45a1de">0</i><p>我的礼券</p> </a></li>
            <li><a href=""><i class="color_1dccaa">1</i><p>宝贝收藏</p> </a></li>
        </ul>
    </div>
    <div class="vip-list-icon border_top_bottom">
        <ul>
            <li class="border_bottom"> 
                <a href="" class="border_right"><i class="iconfont icon-sousuo"></i><em>维修查询</em></a>
                <a href=""><i class="iconfont" style="font-size:24px;"></i><em>报修退换</em></a> 
            </li>
            <li class="border_bottom">
                <a href="" class="border_right"><i class="iconfont" style="font-size:24px;"></i><em>物流查询</em></a> 
                <a href="./address.html" onclick="sessionStorage.url = 'center';"><i class="iconfont icon-dizhi1"></i><em>收货地址</em></a> 
            </li>
            <li class="border_bottom"> 
                <a href="" class="border_right"><i class="iconfont"></i><em>评价晒单</em></a>
                <a href=""><i class="iconfont" style="font-size:20px; text-indent:2px;"></i><em>我的投诉</em></a>
             </li>
            <li> 
                <a href="" class="border_right"><i class="iconfont"></i><em>我的咨询</em></a> 
                <a href=""><i class="iconfont" style="font-size:23px;"></i><em>二手订单</em></a>
            </li>
        </ul>
    </div>
    <!--尾部-->
    <footer class="page-footer fixed-footer" id="footer">
        <ul>
            <li>
                <a href="shop.html">
                    <i class="iconfont icon-shouye"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="cation.html">
                    <i class="iconfont icon-icon04"></i>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopcar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li class="active">
                <a href="center.html">
                    <i class="iconfont icon-yonghuming"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>

</body>

</html>
